<template>
  <div class="mianban">
      <div class="fanhui" @click="fanhui">返回</div>
      <div class="toujie">
          <div class="toujie1">
              <div class="toujie1_1"><img src="touxiang/touxiangda.png" alt=""></div>
          </div>
          <div class="toujie2">
              <div class="toujie2_1">
                  <div class="toujie2_1_1">
                      <div>  <span class="iconfont icon-24gl-scanCode"></span> </div>
                      <div class="toujie2_1_3"> <span  @click="zouqi()" class="iconfont icon-xiangyoujiantou"></span> </div>
                  </div>
                  <div class="toujie2_1_2">RL RZxoxo</div>
              </div>
          </div>
      </div>
      <div class="woship">
        <p><span class="iconfont icon-xiaoxi"></span>我的评论</p>
        <p><span class="iconfont icon-youjian"></span>与我相关</p>
        <p><span class="iconfont icon-zhuye"></span>联盟手游</p>
        <p><span class="iconfont icon-liwuhuodong"></span>活动中心</p>
        <p><span class="iconfont icon-renwu"></span>我的订单</p>
       <p> <span class="iconfont icon-dingdan"></span>我的任务</p>
        <p><span class="iconfont icon-shoucang"></span>我的搜藏</p>
      </div>
      <div class="dibu" @click="tiaodenglu">设置</div>
  </div> 
</template>

<script>
export default {
methods:{
    fanhui(){
        this.$router.go(-1)
    },
    zouqi(){
        this.$router.push('./wode')
    },
    tiaodenglu(){
        this.$router.push('./denglu')
    }
}
}
</script>

<style scoped>
.mianban{

    width: 100%;
    height: 8.3rem;
    font-size: 0.15rem;
    background: url('https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fc-ssl.duitang.com%2Fuploads%2Fitem%2F201912%2F29%2F20191229213336_mndvv.thumb.400_0.jpg&refer=http%3A%2F%2Fc-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1648279341&t=7bf68e920bd922ccef9be205a1fc372d');
}
.fanhui{
    width: 100%;
    height: 0.5rem;
    font-size: 0.2rem;
    color: black;
    font-weight: 800;
    margin-left: 00.1rem;
    line-height: 0.5rem
}
.toujie{
    width: 100%;
    height: 2rem;
}
.toujie1{
width: 100%;
height: 50%;
/* background-color: brown; */
}
.toujie2{
    width: 100%;
    height: 50%;
    /* background-color: green; */
}
.toujie2_1{
    width: 80%;
    height: 100%;
    /* background-color: blueviolet; */
    margin-left: .35rem;
    border: 0.02rem solid  #a9a47e;
}
.toujie2_1_1{
width:100%;
height: 30%;
/* background-color: aqua; */
display: flex;
justify-content: space-between;
}
.toujie2_1_1>div{
    width: 50%; 
}
.toujie2_1_2{
width:100%;
height: 60%;
/* background-color: rgb(106, 29, 179); */
font-size: 0.35rem;
text-align: center;
}
.toujie2_1_3{
    text-align: right;
}
.toujie1_1{
    height: 100%;
    width: 25%;
    /* background-color: black; */
    margin-left: 1.3rem;
}
.toujie1_1>img{
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
.woship{
    font-size: 0.2rem;
}
.woship>p{
    display: block;
    line-height: 00.5rem;
    font-weight: 800;
    text-align: center;
}
.dibu{
    width: 0.6rem;
    height: 0.3rem;
    background-color: black;
    color: white;
    position: fixed;
    bottom: 0;
    font-weight: 800;   
    text-align: center;
    border-radius: 0.15rem;
}
</style>